<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <title>侧边栏工具条——使用背景图片</title>
    <link href="style/sidebar.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>第1行</h1> <h1>第2行</h1> <h1>第3行</h1> <h1>第4行</h1> <h1>第5行</h1> <h1>第6行</h1> <h1>第7行</h1> <h1>第8行</h1>

<h1>第9行</h1> <h1>第10行</h1> <h1>第11行</h1> <h1>第12行</h1> <h1>第13行</h1> <h1>第14行</h1> <h1>第15行</h1> <h1>第16行</h1>

<h1>第17行</h1> <h1>第18行</h1> <h1>第19行</h1> <h1>第20行</h1> <h1>第21行</h1> <h1>第22行</h1> <h1>第23行</h1> <h1>第24行</h1>

<h1>第25行</h1> <h1>第26行</h1> <h1>第27行</h1> <h1>第28行</h1> <h1>第29行</h1> <h1>第30行</h1> <h1>第31行</h1> <h1>第32行</h1>

    <div class="sidebar">
        <!--微信公众号-->
        <a href="javascript:void(0);" class="sidebar-item side-item-weixin">
            <!--微信公众号二维码-->
            <span class="sidebar-layer"></span>
        </a>

        <!--意见反馈-->
        <a href="javascript:void(0);" class="sidebar-item side-item-feedback"></a>

        <!--app下载-->
        <a href="javascript:void(0);" class="sidebar-item side-item-app">
            <!--app下载二维码-->
            <span class="sidebar-layer"></span>
        </a>

        <!--返回顶部-->
        <a href="javascript:void(0);" class="sidebar-item side-item-top"></a>
    </div>
    <script type="application/javascript" src="js\require.js" data-main="js\main"></script>
</body>
</html>